<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/assets/css/bootstrap.css" >
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/browser.js"></script>
    <script src="/assets/js/bootstrap.js"></script>
    <script src="/assets/js/ajaxfileupload.js"></script>
    <link rel="stylesheet" href="/assets/css/custom.css" >
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" >
            <div class="col-md-12" id="content" >
                <div class="app_content_div" id="app_content_div_301Index">

    <h3>新增视频</h3>
</div>
<form class="form-horizontal" method="post" action="/video">
    {{csrf_field()}}




    <input name="_token" type="hidden" value="">
    <div class="form-group">
        <label for="name" class="col-sm-2 control-label"><span style="color:red;"></span>专家</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" style="width:300px;" id="name" name="name" >
        </div>
    </div>
    <div class="form-group">
        <label for="type" class="col-sm-2 control-label"><span style="color:red;"></span>视频类型</label>
        <div class="col-sm-10">
            <label class="radio-inline">
                <input type="radio" name="type" id="type" value="1" checked> 录播
            </label>
            <label class="radio-inline">
                <input type="radio" name="type" id="type" value="0"> 直播
            </label>
        </div>
    </div>
    <div class="form-group">
                    <label for="name" class="col-sm-2 control-label"><span style="color:red;"></span>标题</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" style="width:300px;" id="title" name="title" >
                    </div>
                </div>
    <div class="form-group">

        <label for="upload_file" class="col-sm-2 control-label"><span style="color:red;"></span>缩略图</label>
        <div class="col-sm-10">
            <input id="image" name="image" type="file"/>
        </div>
    </div>

    <div class="form-group">
        <label for="info" class="col-sm-2 control-label"><span style="color:black;">简介</span></label>
        <div class="col-sm-10">
            <input type="text" class="form-control" style="width:300px;" id="info" name="info" >
        </div>
    </div>
    <div class="form-group">
        <div class="form-group">
            <label for="upload_file" class="col-sm-2 control-label"><span style="color:red;"></span>视频</label>
            <div class="col-sm-10">
                <input type="file" class="form-control" id="video" name="video"/>
            </div>
        </div>
        <div class="form-group">
            <label for="start_time" class="col-sm-2 control-label"><span style="color:red;"></span>开始时间</label>
            <div class="col-sm-10">
                <input type="datetime-local" step="1" class="form-control ui_timepicker" id="start_at" name="start_at">
            </div>
        </div>
        <div class="form-group">
            <label for="end_time" class="col-sm-2 control-label"><span style="color:red;"></span>结束时间</label>
            <div class="col-sm-10">
                <input type="datetime-local" step="1" class="form-control ui_timepicker" id="end_at" name="end_at">
            </div>
        </div>

        <div class="form-group">
            <label for="expert_id" class="col-sm-2 control-label"><span style="color:red;"></span>关联专家</label>
            <div class="col-sm-10">
                <select id="expert_id">
                    @foreach($oExpert as $v)
                        <option value="{{$v->id}}">姓名:{{$v->name}}
                        </option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="button"  onclick="create()"  class="btn btn-default">确定</button>

            </div>
        </div>
    </div>
</form>
<script>
    function create(){
        var name= $('#name').val();
        var type = $("[name='type']:checked").eq(0).val();
        var title= $('#title').val();
        var info = $('#info').val();
        var start = document.getElementById("start_at");
        var start_at = start.value.replace("T", " ");
        var end = document.getElementById("end_at");
        var end_at = end.value.replace("T", " ");

        $.ajaxFileUpload({
            url: '/adm/video/add-video',
            type: 'post',
            fileElementId:'image',
            fileElementId:'video',
            dataType: 'json',
            data: {
                'name': name,
                'type': type,
                'title':title,
                'info': info,
                'start_at': start_at,
                'end_at': end_at,
                '_token': '{{csrf_token()}}'
            },
            success: function (data) {
                if (data.success) {
                    alert(data.msg);
                    location.href = '/video';
                } else {
                    alert(data.msg);
                }
            }
        });

    }
</script>

                </body>
</html>
{{--@extends('admin.layout-adm')--}}
{{--@section('title','新增视频')--}}
{{--@section('content')--}}
{{--    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" >--}}
{{--        <div class="col-md-12" id="content" >--}}
{{--            <div class="app_content_div" id="app_content_div_301Index">--}}
{{--        <h3>新增视频</h3>--}}
{{--    </div>--}}
{{--    <form class="form-horizontal" method="post" action="/video">--}}
{{--        {{csrf_field()}}--}}
{{--        <input name="_token" type="hidden" value="">--}}
{{--        <div class="form-group">--}}
{{--            <label for="name" class="col-sm-2 control-label"><span style="color:red;"></span>专家</label>--}}
{{--            <div class="col-sm-10">--}}
{{--                <input type="text" class="form-control" style="width:300px;" id="name" name="name" >--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="form-group">--}}
{{--            <label for="name" class="col-sm-2 control-label"><span style="color:red;"></span>标题</label>--}}
{{--            <div class="col-sm-10">--}}
{{--                <input type="text" class="form-control" style="width:300px;" id="title" name="title" >--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="form-group">--}}
{{--            <label for="type" class="col-sm-2 control-label"><span style="color:red;"></span>视频类型</label>--}}
{{--            <div class="col-sm-10">--}}
{{--                <label class="radio-inline">--}}
{{--                    <input type="radio" name="type" id="type" value="1" checked> 录播--}}
{{--                </label>--}}
{{--                <label class="radio-inline">--}}
{{--                    <input type="radio" name="type" id="type" value="0"> 直播--}}
{{--                </label>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="form-group">--}}
{{--            <label for="upload_file" class="col-sm-2 control-label"><span style="color:red;"></span>缩略图</label>--}}
{{--            <div class="col-sm-10">--}}
{{--                <input id="image" name="image" type="file"/>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <div class="form-group">--}}
{{--            <label for="info" class="col-sm-2 control-label"><span style="color:black;">简介</span></label>--}}
{{--            <div class="col-sm-10">--}}
{{--                <input type="text" class="form-control" style="width:300px;" id="info" name="info" >--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="form-group">--}}
{{--            <div class="form-group">--}}
{{--                <label for="upload_file" class="col-sm-2 control-label"><span style="color:red;"></span>视频</label>--}}
{{--                <div class="col-sm-10">--}}
{{--                    <input type="file" class="form-control" id="video" name="video"/>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="form-group">--}}
{{--                <label for="start_time" class="col-sm-2 control-label"><span style="color:red;"></span>开始时间</label>--}}
{{--                <div class="col-sm-10">--}}
{{--                    <input type="datetime-local" step="1" class="form-control ui_timepicker" id="start_at" name="start_at">--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="form-group">--}}
{{--                <label for="end_time" class="col-sm-2 control-label"><span style="color:red;"></span>结束时间</label>--}}
{{--                <div class="col-sm-10">--}}
{{--                    <input type="datetime-local" step="1" class="form-control ui_timepicker" id="end_at" name="end_at">--}}
{{--                </div>--}}
{{--            </div>--}}

{{--            <div class="form-group">--}}
{{--                <label for="expert_id" class="col-sm-2 control-label"><span style="color:red;"></span>关联专家</label>--}}
{{--                <div class="col-sm-10">--}}
{{--                    <select id="expert_id">--}}
{{--                        @foreach($oExpert as $v)--}}
{{--                            <option value="{{$v->id}}">姓名:{{$v->name}}--}}
{{--                            </option>--}}
{{--                        @endforeach--}}
{{--                    </select>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="form-group">--}}
{{--                <div class="col-sm-offset-2 col-sm-10">--}}
{{--                    <button type="button"  onclick="create()"  class="btn btn-default">确定</button>--}}

{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </form>--}}
{{--    <script>--}}
{{--        function create(){--}}
{{--            var name= $('#name').val();--}}
{{--            var title= $('#title').val();--}}
{{--            var type = $("[name='type']:checked").eq(0).val();--}}
{{--            var info = $('#info').val();--}}
{{--            var start = document.getElementById("start_at");--}}
{{--            var start_at = start.value.replace("T", " ");--}}
{{--            var end = document.getElementById("end_at");--}}
{{--            var end_at = end.value.replace("T", " ");--}}
{{--            var video = $('#video').val();--}}
{{--            var _token="{{csrf_token()}}";--}}

{{--            $.ajaxFileUpload({--}}
{{--                url: '/video',--}}
{{--                type: 'post',--}}
{{--                fileElementId:'image',--}}
{{--                fileElementId:'video',--}}
{{--                dataType: 'json',--}}
{{--                data: {--}}
{{--                    'name': name,--}}
{{--                    'title':title,--}}
{{--                    'type': type,--}}
{{--                    'info': info,--}}
{{--                    'start_at': start_at,--}}
{{--                    'end_at': end_at,--}}
{{--                    '_token': '{{csrf_token()}}'--}}
{{--                },--}}
{{--                success: function (data) {--}}
{{--                    if (data.success) {--}}
{{--                        alert(data.msg);--}}
{{--                        location.href = '/video';--}}
{{--                    } else {--}}
{{--                        alert(data.msg);--}}
{{--                    }--}}
{{--                }--}}
{{--            });--}}

{{--        }--}}
{{--    </script>--}}
{{--@endsection--}}
